Channel: Traversy Media

Category: Science & Technology

Tags: reduxmern stackfull stak appreact reduxmern authenticationjwtreact authenticationmernredux toolkitfull stack

Description: In this video, we will create our frontend and add authentication using Redux Toolkit to manage our global state. 💻 Code: github.com/bradtraversy/mern-tutorial 👇 Full React 2022 Course With $12.99 promo: udemy.com/course/react-front-to-back-2022/?couponCode=REACTF2BFEB2022 👇 Website & Courses: traversymedia.com 💖 Show Support Patreon: patreon.com/traversymedia PayPal: paypal.me/traversymedia 👇 Follow Me On Social Media: Twitter: twitter.com/traversymedia Instagram: instagram.com/traversymedia Linkedin: linkedin.com/in/bradtraversy Timestamps 0:00 - Intro & API Explanation 2:18 - Create Frontend Folder & Cleanup 7:23 - Page Components 9:20 - React Router Setup 12:30 - Header & Navigation 16:33 - Register Page 25:14 - Login Page 27:36 - Concurrently Setup 30:10 - Redux Start & Auth Slice 37:32 - Start User Registration 45:36 - Extra Reducers For Register 49:32 - Hook Up Register Form 1:00:45 - Logout Function 1:07:55 - Start User Login 1:09:30 - Extra Reducers For Login 1:10:20 -Hook Up Login Form